$(function(){
    $('.scrleft').css('width',$('.scrleft li:eq(0)').outerWidth(true)*$('.scrleft li').length)
    if($('.scrleft li').length>5){
        $('.scroll_img .next').addClass('nexthover')
    }
    $('.nexthover').live({
        mouseenter:function(){
            $('.nexthover').addClass('nextclick')
        },
        mouseleave:function(){
            $('.nexthover').removeClass('nextclick')
        }
    })
    $('.prehover').live({
        mouseenter:function(){
            $('.prehover').addClass('preclick')
        },
        mouseleave:function(){
            $('.prehover').removeClass('preclick')
        }
    })
    var num=0;
    var inum = $('.scrleft li').length
    $('.nexthover').live('click',function(){
        $('.scroll_img .pre').addClass('prehover');
        if(num<=inum-5){
            num++;  
            $('.scrleft').animate({
                left:-62*num
                },1000);
            if(num==inum-5){
                $('.next').removeClass('nextclick') 
                $('.next').removeClass('nexthover') 
            }
        }
    })
    $('.prehover').live('click',function(){
        $('.scroll_img .next').addClass('nexthover');
        if(num>=0){    
            num--
            $('.scrleft').animate({
                left:-62*num
                },1000);
            if(num==0){
                $('.pre').removeClass('preclick') 
                $('.pre').removeClass('prehover') 
            }
        }
    })

    $('.scrleft li img').mouseover(function(){
        $('.scrleft li img').removeClass('hover');
        var url = $(this).attr('data');
         var bigimg = $(this).attr('bigimg');
        $(this).addClass('hover')
        $('.prevew .p_img img').attr({'src':url,'bigimg':bigimg});
    })

    //放大镜效果
     $('.prevew .p_img').mousemove(function(e){
        $('.magnifier img').attr('src',$(this).children('img').attr('bigimg'))
        $('.magnifier').show();
         $('.prevew .bg').show();
         var maxL = $('.prevew .p_img').width()-$('.prevew .bg').width();
         var maxT = $('.prevew .p_img').height()-$('.prevew .bg').height();
         var ex = e.pageX-$('.prevew .p_img').offset().left;
         var ey =e.pageY-$('.prevew .p_img').offset().top;
         var x = Math.floor(ex-$('.prevew .bg').width()/2);
         var y = Math.floor(ey-$('.prevew .bg').height()/2);
         var bx = $('.prevew .bg').position().left/maxL;
         var by = $('.prevew .bg').position().top/maxT;
         var bW = $('.magnifier img').width();
         var bH = $('.magnifier img').height();
         $('.magnifier img').css({left:-bx*(bW-400),top:-by*(bH-400)})
         if(x<=0){
              //$('.prevew .bg').css('left',0);
              x=0;
         }else if(x>=maxL){
                  // $('.prevew .bg').css('left',maxL);
                   x = maxL;
         }
         if(y<=0){
                //$('.prevew .bg').css('top',0);
                y = 0;
         }else if(y>=maxT){
             //$('.prevew .bg').css('top',maxT);
                 y = maxT;
         }
            $('.prevew .bg').css({left:x,top:y})
     })
      $('.prevew .p_img').mouseout(function(){
        $('.magnifier').hide();
          $('.prevew .bg').hide();
      })

    //卖家评价详细信息隐藏显示
    $('.ph').toggle(function(){
        $(this).addClass('ps');
        $('.sell .det').hide();
    },function(){
        $('.sell .det').show();
        $(this).removeClass('ps')
    })
    //点击选选择数量
    $('.textnum').keyup(function(){
        var num = $(this).val();
        if(num
            <=0){
            alert("商品数量最少为1");
            $(this).val(1)
        }
    })
    $('.dec').click(function(){
        var num = $('.textnum').val();
        if(num==1){
            alert("商品数量最少为1");
            return false;
        }
        num--;
        $('.textnum').val(num);
    })
    $('.int').click(function(){
        var num = $('.textnum').val();
        num++;
        $('.textnum').val(num);
    })

    //判断选择的颜色
    $('.cr span').html('"'+$('.selected img').attr('alt')+'"')
    if($('.check_size .selected').length>=1){
    var str =  $('.cr span').html();
    str += " , "+'"'+$('.check_size .selected a').attr('alt')+'"';
     $('.cr span').html(str)
    }
    $('.suits_ul').css('width',$('.suit_li:eq(0)').outerWidth(true)*$('.suit_li').length)

    //拖动
    var scrollX=Math.floor($('.scroll').offset().left)
    $('.scrolldiv').mousedown(function(e){
        var xx=e.pageX;
        var sx = $('.scrolldiv').offset().left;

        var tx = Math.floor(xx-sx);
        var stop = true;
        var bstop = true;
        $(document).mousemove(function(e){
            var x = e.pageX;
            var lx = e.pageX-tx-scrollX;
            if(stop){
                $('.scrolldiv').css('left',lx);
                bstop=true;
                if($('.scrolldiv').position().left<=18){
                    $('.scrolldiv').css('left',18);
                    var bil = ($('.scrolldiv').position().left-18)/(564-$('.scrolldiv').width());
                    $('.suits_ul').css('left',-Math.floor(($('.suits_ul').outerWidth(true)-600)*bil))
                    bstop =false;
                }else if($('.scrolldiv').position().left>=582-$('.scrolldiv').width()){
                    $('.scrolldiv').css('left',582-$('.scrolldiv').width());
                    var bil = ($('.scrolldiv').position().left-18)/(564-$('.scrolldiv').width());
                    $('.suits_ul').css('left',-Math.floor(($('.suits_ul').outerWidth(true)-600)*bil))
                    bstop=false;
                }
                if(bstop){
                    var bil = ($('.scrolldiv').position().left-18)/(564-$('.scrolldiv').width());
                    $('.suits_ul').css('left',-Math.floor(($('.suits_ul').outerWidth(true)-600)*bil))
                }
                    
            }
            return false;
        })
        $(document).mouseup(function(){
            stop=false;
        })
        return false;
    })
    $('.goleft').click(function(){
        if($('.scrolldiv').position().left-15<18){
            $('.scrolldiv').css('left',18);
            var bil = ($('.scrolldiv').position().left-18)/(564-$('.scrolldiv').width());
            $('.suits_ul').css('left',-Math.floor(($('.suits_ul').outerWidth(true)-600)*bil))
            return false;
        }
        $('.scrolldiv').css('left',$('.scrolldiv').position().left-15)
        var bil = ($('.scrolldiv').position().left-18)/(564-$('.scrolldiv').width());
        $('.suits_ul').css('left',-Math.floor(($('.suits_ul').outerWidth(true)-600)*bil))
    })
    $('.goright').click(function(){

        if($('.scrolldiv').position().left+15>582-$('.scrolldiv').width()){
            $('.scrolldiv').css('left',582-$('.scrolldiv').width());
            var bil = ($('.scrolldiv').position().left-18)/(564-$('.scrolldiv').width());
            $('.suits_ul').css('left',-Math.floor(($('.suits_ul').outerWidth(true)-600)*bil))
            return false;
        }
        $('.scrolldiv').css('left',$('.scrolldiv').position().left+15)
        var bil = ($('.scrolldiv').position().left-18)/(564-$('.scrolldiv').width());
        $('.suits_ul').css('left',-Math.floor(($('.suits_ul').outerWidth(true)-600)*bil))
    })
    //拖动

    $('.comb a').click(function(){
        var index = $(this).parent().parent().children().children('a').index(this);
        $(this).parent().parent().children().children('a').removeClass('click');
        $(this).addClass('click');
        $(this).parent().parent().parent().next().children('.cont').removeClass('show')
        $(this).parent().parent().parent().next().children('.cont').eq(index).addClass('show')
    })
    var comTop = $('.complist').offset().top;
    $(window).scroll(function(){
        if($(window).scrollTop()>=comTop){
            $('.complist').css({
                "position":'fixed',
                top:0,
                width:989
            })
        }else{
            $('.complist').css({
                "position":'relative',
                top:0
            }) 
        }
    })
    $('.p_scroll_img ul').each(function(index,obj){
            $(obj).attr('num',index);
    })
    
    //推荐组合
    $('.p_scroll_img ul li a').mouseover(function(){
          $(this).parent().parent().children('li').children('a').removeClass('click');
        //  var index =  $('.p_scroll_img ul').index($(this).parent().parent());
          var index = $(this).parent().parent().attr('num');
          $(this).addClass('click');
         $('.suits_ul .suit_li').eq(index).children('.p_img').children('img').attr('src',$(this).children('img').attr('aa'))
         // $(this).parent().parent().parent().parent().children('.p_img').children('img').attr('src',$(this).children('img').attr('aa'))
    })

    //选择人气组合的
    $('.selectshop').click(function(){
        var index = $('.selectshop').index(this);
        var x = $(this).offset().left-$('.suits').offset().left-5;
        $(this).parent().parent().children('.p_scroll_img').children('ul').children('li').children('a').removeClass('click')
        $('.size').before($(this).parent().parent().children('.p_scroll_img'))
        $('.checkbox').show();
        $('.checkbox').css('left',x);
         $('.checkbox').attr('num',index);
    })
    $('.cancel').click(function(){
        $('.checkbox').hide();
        var index = $(this).parent().parent().attr('num')
       $('.suits_ul .p_img').eq(index).after($(this).parent().parent().children('.p_scroll_img'));
        $('.checkbox .size a').removeClass('click');
       $('.selectshop').eq(index).attr('checked',false)
    })
    $('.sure').click(function(){
        if( $('.checkbox .size .click').length==0){
            alert('请先选择尺寸');
            return false;
        }
    })
    $('.checkbox .size a').click(function(){
          $('.checkbox .size a').removeClass('click');
          $(this).addClass('click')
    })

})